<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>充值</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <link href="${pageContext.request.contextPath}/static/css/common.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/layer/skin/layer.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/bootstrap-3.3.5/css/bootstrap.min.css"
          rel="stylesheet">
          <link href="${pageContext.request.contextPath}/static/plugins/select2-4.0.0/dist/css/select2.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/font-awesome-4.3.0/css/font-awesome.min.css"
          rel="stylesheet">
          <link rel="stylesheet" href="${pageContext.request.contextPath}/static/plugins/jquery.time/jquery.timepicker.min.css">
    <script src="${pageContext.request.contextPath}/static/js/jquery-1.11.3.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/bootstrap-3.3.5/js/bootstrap.min.js"></script>
    <script src="/static/plugins/bootstrap-3.3.5/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/layer/layer.js" type="text/javascript"></script>
	<script src="${pageContext.request.contextPath}/static/plugins/select2-4.0.0/dist/js/select2.min.js"></script>
	<script src="${pageContext.request.contextPath}/static/plugins/My97DatePicker/WdatePicker.js"
        type="text/javascript"></script>
	<script src="${pageContext.request.contextPath}/static/plugins/jquery.time/jquery.timepicker.min.js"
        type="text/javascript"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/global.js"></script>
	<style type="text/css">
	h3,ol,li{margin:0;padding:0;}
	.wraper{
		padding:0px 0px;
	}
	.content{
		padding:20px 3%;
	}
	.col-md-1{
		text-align:right;
	}
	.btn{
		width:120px;
		}
	.content .row{
		padding:10px 0;
	}
	.box{
		margin-top:20px;
		border:1px solid #edd28b;
		padding:20px 20px;
		background:#fffdee;
	}
	.box ol{
		padding-left:14px;
		line-height:20px;
	}
	.txt{
		color:#666666;
		font-size:16px;
	}
	.txt input{
	   display:inline-block;
	   height:30px;
	   margin-right:5px;
	   vertical-align: middle;
	   
	}
	.titles{
		font-size:20px;
		*+font-size:18px;
		color:#333;
		overflow:hidden;
		width:100%;
		padding:5px 20px;
		background:#f8f8f8;
	}
	.titles .span1{
		float: left;
	}
	.titles .span2{
		float:right;
	}
	.wraper .btn-info{
		background:#228ded;
		border-color:#228ded;
		width:155px;
		height:36px;
		font-size:20px !important;
		line-height:18px;
		*+line-height:15px;
		outline:none;
	}
	</style>
<body>
<div class="wraper">
 	 <div class="titles"> 
	 	 <div class="span1">填写充值金额</div> 
	 	 <div class="span2">x</div>
 	 </div>
	 <div class="content"> 
	  <p class="txt">充值账户： <span class="">18280285685</span></p>
	  <p class="txt">充值金额：<input type="text"/><span>元</span></p>
	  <div style="padding:0 56px;">
	     <p style="color:#bbb;"> 请注意：支持支付宝、微信、国内主流银行储蓄卡充值，在线支付成功后，充值金额会在1分钟内到账。</p>
	  	 <p style=" padding: 10px 0;"><input class="btn  btn-info btn-lg" type="button" value="下一步"/></p>
	  </div>
	  <div class="box">
	  	<h3>温馨提示：</h3>
	  	<ol>
	  	<li>充值成功后，余额可能存在延迟现象，一般1到5分钟内到账</li>
	  	<li>充值金额输入值必须大于10且不大于50000的正整数</li>
	  	<li>充值完成后您可以进入充值页面进行查看余额充值状态</li>
	  	</ol>
	  </div>
	 </div>
</div>
<script type="text/javascript">

</script>
</body>
</html>
